import { createApp } from 'vue'
import App from '@/App.vue'

import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'
import 'virtual:svg-icons-register'
//@ts-ignore忽略当前文件ts类型的检测否则有红色提示(打包会失败)
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

//引入项目assets的文件
import '@/assets/css/fontawesome.min.css'
import '@/assets/css/bootstrap.min.css'
import '@/assets/css/animate.min.css'
import '@/assets/css/magnific-popup.css'
import '@/assets/css/slick-slider.css'
import '@/assets/css/slicknav.min.css'
import '@/assets/fonts/flaticon/flaticon.css'
import '@/styles/style.css'
import '@/assets/css/responsive.css'

import '@/assets/js/jquery-3.5.1.min.js';  
import 'popper.js';
import 'bootstrap';
import '@/assets/js/slick-slider.min.js'
import '@/assets/js/counterup.min.js'
import '@/assets/js/imagesloaded.pkgd.min.js'
import '@/assets/js/masonry.pkgd.min.js'
import '@/assets/js/magnific-popup.min.js'
import '@/assets/js/slicknav.min.js'
import 'wow.js'
//放在main.ts里面没办法继续监听了，需要放在vue文件里面
// import '@/assets/js/main.js'

import router from './router'


const app = createApp(App)

app.use(router);

app.use(ElementPlus, {
    locale: zhCn
})

//引入自定义插件对象：注册整个项目的全局组件
import globalComponent from '@/components';
//安装自定义插件
app.use(globalComponent);

import pinia from './store'
app.use(pinia);

//引入模版的全局样式 滚动条会变成绿色！
// import '@/styles/index.scss'

app.mount('#app');


